// 使用变量
$highlight-color: #f90; 
// 复杂的变量
$basic-border: 1px solid black;
#app {
    background-color:  $highlight-color;
    border: $basic-border
} 
// 变量的使用范围   
// 全局变量
$nav-color: #F90;
nav {
    //局部变量
    $width: 100px;
    width: $width;
    color: $nav-color;
    background-color: black
}
// 嵌套写法
#content {
    article {
      h1 { color: #1dc08a }
      p {  font-style: italic; }
      a {
        color: blue;
        // 支持父级选择器
        //a:hover
        &:hover {
            color: red;
        }
      }
    //   a:hover{
    //       color: red;
    //   }
    }
    aside { background-color: #f90 }
}